<!DOCTYPE html> 
<html> 
	<head> 
		<meta charset="utf-8">
		<title>jMovies</title> 
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 
		<link rel="stylesheet" type="text/css" href="custom.css" />
	    <script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script>    
		<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	    <script type="text/javascript" src="custom.js"></script>
		<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    </head>
<body> 

<div data-role="page" id="home" class="background-gradient" data-add-back-btn="false">
	<div data-role="header" class="header-gradient">
		<h1>jMovies</h1>
	</div>

	<div data-role="content">
		<div class="ui-grid-a">
			
			<div class="ui-block-a">
			  	<div class="icon-springboard">
			   		<a href="html/now-playing.html">
				  		<img src="images/45-movie-1-lg.png" alt="Now Playing">
				  		<span class="icon-label">Now Playing</span>
			    	</a>
			  	</div>
			</div>	
			
			<div class="ui-block-b">
			   	<div class="icon-springboard">	
				 	<a href="html/coming-soon.html">
				  		<img src="images/12-eye-lg.png" alt="Coming Soon">
						<span class="icon-label">Coming Soon</span>
				  	</a>
			  	</div>
			</div>
			
			<div class="ui-block-a">
			  	<div style="position: absolute; bottom: 0; width:100%;">
			  		<a href="html/top-rated.html">
						<img src="images/15-tags-lg.png" alt="Top Rated">
						<span class="icon-label">Top Rated</span>
			  		</a>	
			  	</div>
			</div>	
			
			<div class="ui-block-b">
			  	<div style="position: absolute; bottom: 0; width:100%;">
			  		<a href="html/contact-us.html">
						<img src="images/112-group-lg.png" alt="Contact Us">
						<span class="icon-label">Contact Us</span>
			  		</a>
			  	</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>

